.user {
  background-color: #fff;
  position: relative;
  .user_pic {
    .img {
      height: 56vw;
    }
  }
  .option_list {
    display: flex;
    justify-content:flex-start;
    flex-wrap: wrap;
    .option_item {
      // width: 32%;
      flex: 33.33%;
      padding: 4vw 0;
      display: flex;
      flex-direction: column;
      align-items: center;
      .iconfont{
        font-size: 6.67vw;
      }
      .text {
        padding: 2.67vw 0;
      }
    }
  }
  .advertising{
    margin-top: 2.67vw;
    img{
      padding: 0 4vw;
    }
  }
  .login {
    width: 85%;
    height: 22%;
    position: relative;
    position: absolute;
    background-color: #fff;
    top: 37.33vw;
    text-align: center;
    box-shadow: 0 0 2.67vw 0.8vw #ddd;;
    left: 50%;
    transform: translate(-50%, -35%);
    .head_portrait {
      width: 17.10vw;
      position: absolute;
      top: -10.67vw;
      left: 50%;
      margin-left: -8.5vw;
      height: 17.10vw;
      display: inline-block;
      border-radius: 50%;
      background-color: #ddd;
      .head_img {
        padding: 1.33vw;
      }
    }
    .user_name {
      margin-top: 10vw;
      margin-bottom: 2.67vw;
    }
  
    .login_button {
      span{
      padding: 1.33vw 4vw;
      display: inline-block;
      color: #fff;
      border-radius: 1.33vw;
      font-size: 3.47vw;
      background-color: #21b97a;
      }
    }
  }
}

